<p id="updatePhone">
    <button class="button is-primary is-light is-small" @click="cartModalPhone">
        <span class="icon"><i class="mdi mdi-cellphone-cog"></i></span> <span class="text">修改</span>
    </button>
</p>

{% include 'baykeshop/user/phone_form.html' %}
<script>
    var updatePhone = new Vue({
        el: '#updatePhone',
        delimiters: ['{$', '$}'],
        data:{
            formProps: {
                phone: ''
            }
        },
        methods:{
            cartModalPhone() {
                this.$buefy.modal.open({
                    parent: this,
                    component: PhoneModalForm,
                    hasModalCard: true,
                    customClass: 'custom-class custom-class-2',
                    trapFocus: true
                })
            }
        }
    })
</script>